<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
  <input type="text" id="user" class="user" name="box">
  <p>你好</p>

   <!--
    1、

   -->
<script type="text/javascript">
    //获取输入值------获取value
    //获取元素的方法
    var idName=document.getElementById("user");
    console.log(idName);
    var className=document.getElementsByClassName("user");
    console.log(className[0]);
    var names=document.getElementsByName("box");
    console.log(names[0]);
    var eleName=document.getElementsByTagName("input");
    console.log(eleName[0]);
    var e1=document.querySelector(".user");
    console.log(e1);
    var e2=document.querySelectorAll(".user");
    console.log(e2[0]);
    ////////////////////////////////////////
    //获取value值
    /**
     * 事件监听：
     * (1)事件名称 string   input事件----输入事件
     * (2)函数
     * (3)布尔值，默认是false
     *       true：事件捕获
     *       false：事件冒泡
     */
    idName.addEventListener("input",function () {
          console.log(idName.value);
          //验证数据类型用typeof
          console.log(typeof idName.value);
    });
    var a={
        name:"小二",
        age:20
    };
    var c=function () {
         return 20;
    };
    var b=[1,2,3,4];
    console.log( a instanceof  Object);
    console.log(b instanceof Array);
    console.log(b instanceof  Object);
    console.log(c instanceof  Function);
   var m ="12"-0;
   console.log(typeof  m);
    var num=1;
    //小括号里面是表达式，之前需要判断表达式的结果，根据表达式的结果决定是否循环
    //如果在while的小括号里面直接给出一个固定的结果的话，那么就会形成死循环，
    //死循环的跳出，需要给条件-------当你不知道循环次数的时候
   while(-100){
       console.log(111);
       num++;
       if(num==50){
           break;
       }
   }



</script>
</body>
</html>